<template>
  <div class="quest">
    <h1>这是一个测试题的题目 <i class="el-icon-question"></i></h1>

    <el-checkbox-group v-model="checkList">
      <el-checkbox label="A) 测试题目选项一"></el-checkbox>
      <el-checkbox label="B) 测试题目选项一"></el-checkbox>
      <el-checkbox label="C) 测试题目选项一"></el-checkbox>
      <el-checkbox label="D) 测试题目选项一"></el-checkbox>
    </el-checkbox-group>

    <el-button-group  >
      <el-button type="primary"  size="mini" icon="el-icon-arrow-left">上一题</el-button>
      <el-button type="primary" size="mini"
        >下一题<i class="el-icon-arrow-right el-icon--right"></i
      ></el-button>
    </el-button-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkList: [],
    };
  },
};
</script>

<style scoped>
.quest {
  margin-left: 20px;
  margin-top: 20px;
}
.el-checkbox-group .el-checkbox {
  display: block;
}

.el-checkbox-group {
    margin-top: 10px;
    margin-bottom:40px;
}


</style>